﻿@charset "utf-8";
@import url("list.css");
#hotelSearchResult div.header { clear:both; position:relative; }
#hotelSearchResult div.header h2 { font-size: 14px; line-height: 30px; font-weight: bold; color: #333; text-align: left; text-indent: 10px; border-bottom: 1px solid #FF9E12; }
#hotelSearchResult div.header .df { position:absolute; right:10px; top:-5px; height:30px; line-height:30px; }
#hotelSearchResult div.header .tips { clear:both; height:20px; line-height:30px; text-align:left; text-indent:10px; }
#hotelSearchResult div.header .avtips { clear:both; line-height:25px; color:#e26000; margin-top:5px; text-align:left; text-indent:10px; }
#hotelSearchResult div.resultItem { border:none; }
.section { clear:both; margin-top:10px; }
.section h2 { font-size: 14px; line-height: 30px; font-weight: bold; color: #333; text-align: left; text-indent: 10px; border-bottom: 1px solid #FF9E12; }
.section .content { margin: 0px; padding: 10px; text-align: left; line-height: 1.7; font-size: 12px; }
.section .content p { margin:5px 0; }
.section .hotelPhoto { float:right; margin:0 0 10px 10px; border:1px solid #BBB; padding:1px; width:160px; height:160px; }
.section .share { line-height: normal; background: #F5F8F9; border: 1px solid #D8D8D8; height: 40px; }
.section .share dt { float: left; line-height:40px; font-weight: bold; width: 80px; text-align: center; }
.section .share dd { float: left; display: block; margin-right: 10px; padding: 10px 0px 0px; }
.section .baseInfo { position:relative; margin:0; padding:0; list-style:none; overflow:visible; }
.section .baseInfo li { margin:0; padding:0; text-align:left; line-height:20px; }
.section .baseInfo li.map { position: absolute; left:560px; right:0px; top:-45px; z-index:9999; }

table.ainfo { width:735px; font-size:12px; }
table.ainfo tr { font-size:12px; }
table.ainfo th { font-size:12px; border-bottom: 1px dotted #DDD; width: 80px; text-align: center; vertical-align: middle; background-color:#F5F8F9 }
table.ainfo td { font-size:12px; border-bottom: 1px dotted #DDD; text-align: left; vertical-align: middle; }

a.hotelCategory { display:block; width:55px; height:12px; background:#FFF url(../images/hotel/star-category.gif) no-repeat scroll left top; text-decoration:none; border:none; }
a.hotelCategory0 { background:none; }
a.hotelCategory1 { background-position:0 0; }
a.hotelCategory2 { background-position:-55px 0; }
a.hotelCategory3 { background-position:-110px 0; }
a.hotelCategory4 { background-position:-165px 0; }
a.hotelCategory5 { background-position:-220px 0; }


#mapView { border:1px solid #DDD; padding:1px; width:200px; height:120px; }

#sidePanel div.sidetype h2 { font-size: 14px; text-align: left; text-indent: 10px; color:#e26000; line-height: 28px; height: 28px; background:url(../images/search_left_t.gif);}
#sidePanel div.sidetype ul { text-align: left; margin: 0px; padding: 10px; height:100%; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;  list-style: none; }
#sidePanel div.sidetype ul li { width:50%; float:left; height:24px; line-height:24px; text-indent:15px; background:url(../images/unode.gif) 6px 9px no-repeat;}
#sidePanel div.sidetype ul li a { color: #666;} #sidePanel div.sidetype ul li a:hover{ color:#CC4233; text-decoration:none;}

#sidePanel div.nearbyhotel h2 { font-size: 14px; text-align: left; text-indent: 10px; color:#e26000; line-height: 28px; height: 28px; background:url(../images/search_left_t.gif);}
#sidePanel div.nearbyhotel ul { text-align: left; margin: 0px; padding: 10px 10px 0 10px; height:100%; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;  list-style: none; }
#sidePanel div.nearbyhotel ul li { float:left; height:24px; width:190px; _width:175px; line-height:24px; text-indent:15px; background:url(../images/unode.gif) 6px 9px no-repeat; clear:both;}
#sidePanel div.nearbyhotel ul li a { color: #000;} #sidePanel div.nearbyhotel ul li a:hover{ color:#CC4233; text-decoration:none;}
#sidePanel div.nearbyhotel ul li.more { width:170px; background:none; text-align:right;}

#container { width: 770px; height: 140px; } #listBox { height: 140px; }
#list li { width: 101px; height: 140px; padding: 5px 0; float: left; margin: 0 8px; } #list li img{ width:101px; height:90px;}
#list li h3{ font-size:12px; font-weight:normal; line-height:15px; padding-top:10px;}
#btnPrev, #btnNext, #listBox { float: left; overflow: hidden;  } #listBox,ul #list{ width:710px; height:140px;}
#btnPrev, #btnNext { width: 30px; height:100px;}
#btnPrev { background:url(../images/right.jpg) left 35px no-repeat;} #btnNext { background:url(../images/left.jpg) left 35px no-repeat;}

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }